const { defineConfig } = require('@vue/cli-service')
const path = require('path')
const webpack = require('webpack')
// 头部引入
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')


function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = defineConfig({
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
  chainWebpack: config => {
    config.plugin('html').tap(args => {
      args[0].title = '学习资料blog';
      return args;
    })
  },
  transpileDependencies: true,
  // 当前配置可以在使用 component的时候 使用  component: {() => import('@/vue.vue')}
  configureWebpack: {
    plugins: [new NodePolyfillPlugin()],
    resolve: {
      alias: {
        "@": resolve("src"),
      },
    },
  },
  devServer: {
    // 本地
    proxy: {
      '/api': {// 匹配所有以 '/api1'开头的请求路径
        target: process.env.NODE_ENV === 'development' ? 'http://localhost:9999' : 'http://110.40.213.24:6565',// 代理目标的基础路径
        changeOrigin: true, // 隐藏自己本身的端口号
        pathRewrite: {
          '^/api': ''//重写,
        }
      },

    },


    // 部署后的
    // proxy: {
    //   '/api': {// 匹配所有以 '/api1'开头的请求路径
    //     target: 'http://110.40.213.24:8876',// 代理目标的基础路径
    //     changeOrigin: true, // 隐藏自己本身的端口号
    //     pathRewrite: {
    //       '^/api': ''//重写,
    //     }
    //   }
    // }
  }
})


